DAY 10 製作註冊跟登入前端界面

2023 iThome 鐵人賽

DAY 10

Modern Web

購物網站開始即放棄系列第 10 篇

15th鐵人賽

nilson

2023-09-23 08:10:33

415 瀏覽

分享至

今天來到我們整個系列的3分之一，今天開始會慢慢的完成購物車系統，今天我們要來完成最基本的會員註冊及登入
註冊的部分，我們先製作一個register.html

<!-- register.html -->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My page</title>
  </head>
  <body>
      <form action="./register.php" method="POST">
        <!--透過POST方式將資料傳送至register.php-->
          <p>帳號</p>
          <input type="text" name="account"  required> 
          <p>姓名</p>
          <input type="text" name="name" required > 
          <p>Email</p>
          <input type="email" name="mail" required > 
          <p>密碼</p>
          <input type="password" name="password" required> 
           <p>重複密碼</p>
          <input type="password" name="repassword" required> 
          
      </form>
  </body>
</html>

接著登入的介面我們將他命名為login.html

<!-- register.html -->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My page</title>
  </head>
  <body>
      <form action="./login.php" method="POST">
        <!--透過POST方式將資料傳送至login.php-->
          <p>帳號</p>
          <input type="text" name="account"  required>
          <p>密碼</p>
          <input type="password" name="password" required> 
      </form>
  </body>
</html>

Day 10 前端頁面就這樣完成拉，明天再將介面跟資料庫串接起來完成登入登出的功能